<template>
    <div id="addFill">
        <div class="jx-content">
             <div class="topcoumt">
                <div class="search-box fl">
                    <el-form :inline="true"  :model="Form" label-width="120px" class="fl">
                        <el-form-item label="教师信息">
                             <el-input v-model="Form.info" placeholder="请输入教师信息"></el-input>
                        </el-form-item>
                    </el-form> 
                    <button class="button-style" style="margin-top:6px;" @click="searchFn">搜 索</button> 
                </div>
                <div class="btn-group fr">
                     <button class="button-style" style="margin-left:10px;" @click="deleteAll()" >批量删除</button>
                 </div>
            </div>
            <div class="table">
                <el-table :data="tableData" style="width: 100%">
                    <el-table-column  type="selection" width='50'> </el-table-column>
                    <el-table-column prop="teachername" label="教师名称"></el-table-column>
                    <el-table-column prop="number" label="工号" ></el-table-column>
                    <el-table-column prop="role" label="角色"></el-table-column>
                    <el-table-column prop="privise" label="省份"> </el-table-column>
                    <el-table-column prop="loadprivise" label="登录省份"> </el-table-column>
                    <el-table-column prop="school" label="学校"> </el-table-column>
                    <el-table-column prop="loaddate" label="登陆日期"> </el-table-column>
                    <el-table-column prop="loadpth" label="登录次数"> </el-table-column>
                    <el-table-column prop="people" label="申请人"> </el-table-column>
                    <el-table-column prop="newdate" label="注册日期"> </el-table-column>
                    <el-table-column prop="overdate" label="截止日期"> </el-table-column>
                    <el-table-column prop="status" label="状态"> </el-table-column>
                    <el-table-column  label="操作">
                         <template slot-scope="scope">
                            <el-button type="text" size="small"  @click="cancel(scope.row.id)">销户</el-button>
                        </template>
                    </el-table-column>
                 </el-table>
            </div>
        </div>
    </div>
</template>

<script>
    export default {
        data () {
            return {
                Form:{
                    name:'',
                },
                tableData:[]
            }
        },
        methods: {
            //搜索
            searchFn(){

            },
            //添加
            add(){

            },
            //批量删除
            deleteAll(){

            },
            //注销
            cancel(){

            }
        }
    }
</script>

<style lang="scss" scoped>
 @import "./../../../styles/layout/color_variables";
  #addFill {
    width: $width;
    margin: 20px auto;
    color: #727272;
      .topcoumt{
       overflow: hidden;
        .el-input .el-input__inner{
            width: 200px;
        }
    }
    .btn-box{
        .button-style{
            margin-right: 10px;
        }
    }
}

</style>